<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/category.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <!-- 分类界面导航栏 -->
    <div class="nav">
        <img src="imgs/logo_files/logo.png" alt="" class="logo">
        <!-- 分类导航 -->
        <div class="nav-c">
            <ul class="cloth-nav">
                <li class="cloth-category">
                    <a href="#" class="homepage">首页</a>
                </li>
                <li class="cloth-category">
                    <a href="#" class="cloth-link">女装</a>
                </li>
                <li class="cloth-category">
                    <a href="#" class="cloth-link">男装</a>
                </li>
                <li class="cloth-category">
                    <a href="#" class="cloth-link">箱包</a>
                </li>
                <li class="cloth-category">
                    <a href="#" class="cloth-link">配饰</a>
                </li>
            </ul>
            <!-- 搜索 -->
            <div class="search-area">
                <!-- <form action="" class="search-form"> -->
                <input type="search" class="search-text" placeholder="搜索商品名/商品编号">
                <a href="#" class="search-btn">
                    <!-- <img src="imgs/logo_files/icon-21.png" alt="" class="search-img"> -->
                </a>
                <!-- </form> -->
            </div>
            <div class="right-icon">
                <a href="" class="like"></a>
                <a href="" class="cart"></a>
                <a href="" class="personal"></a>
            </div>
        </div>
    </div>
    <div class="cloth-box">
        <div class="cloth-category-item categoryL">
        <h2 class="cloth-title">外套&针织衫</h2>
        <ul class="cloth">
            <li class="cloth-item">外套</li>
            <li class="cloth-item">休闲外套</li>
            <li class="cloth-item">轻型羽绒服</li>
            <li class="cloth-item">摇粒绒系列</li>
            <li class="cloth-item">针织衫</li>
            <li class="cloth-item">防晒衫</li>
            <li class="cloth-item">法兰绒系列</li>
            <li class="cloth-item">羽绒服</li>
            <li class="cloth-item">牛仔服</li>
        </ul>
    </div>
    <div class="cloth-category-item categoryR">
        <h2 class="cloth-title">衬衫&T恤</h2>
        <ul class="cloth">
            <li class="cloth-item">衬衫</li>
            <li class="cloth-item">长袖T恤</li>
            <li class="cloth-item">牛仔衬衫</li>
            <li class="cloth-item">新品系列</li>
            <li class="cloth-item">短袖T恤</li>
            <li class="cloth-item">打底衫</li>
            <li class="cloth-item">法兰绒系列</li>
            <li class="cloth-item">棉麻系列</li>
        </ul>
    </div>
    <div class="step-line"></div>
    <div class="cloth-category-item categoryL">
        <h2 class="cloth-title">裤装</h2>
        <ul class="cloth">
            <li class="cloth-item">阔腿裤</li>
            <li class="cloth-item">休闲裤</li>
            <li class="cloth-item">中裤/短裤</li>
            <li class="cloth-item">紧身裤</li>
            <li class="cloth-item">束脚裤</li>
            <li class="cloth-item">保暖裤</li>
            <li class="cloth-item">九分裤·七分裤</li>
            <li class="cloth-item">牛仔裤</li>
        </ul>
    </div>
    <div class="cloth-category-item categoryR">
        <h2 class="cloth-title">内衣&起居服</h2>
        <ul class="cloth">
            <li class="cloth-item">居家服</li>
            <li class="cloth-item">塑身系列</li>
            <li class="cloth-item">带胸垫打底衫</li>
            <li class="cloth-item">无钢圈文胸</li>
            <li class="cloth-item">内衣</li>
            <li class="cloth-item">内裤</li>
            <li class="cloth-item">袜子</li>
            <li class="cloth-item">BALANCE系列</li>
        </ul>
    </div>
    <div class="step-line"></div>
    <div class="cloth-category-item categoryL">
        <h2 class="cloth-title">裙装</h2>
        <ul class="cloth">
            <li class="cloth-item">连衣裙</li>
            <li class="cloth-item">半身裙</li>
            <li class="cloth-item">长裙</li>
            <li class="cloth-item">短裙</li>
            <li class="cloth-item">A字裙</li>
        </ul>
    </div>
    <div class="cloth-category-item categoryR">
        <h2 class="cloth-title">孕妇装&亲子装</h2>
        <ul class="cloth">
            <li class="cloth-item">孕妇装</li>
            <li class="cloth-item">新生儿</li>
            <li class="cloth-item">亲子装</li>
        </ul>
    </div>
    </div>
    
</body>

</html>